<template>
  <div style="height: 100%">
    <Info
      v-show="props.isAdmin"
      class="info"
      ref="infoRef"
      v-slot="slotProps"
    >
      <Table
        class="table"
        :tableData="slotProps.tableData"
        :version="slotProps.version"
        :skipIdx="slotProps.skipIdx"
      ></Table>
    </Info>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Info from "./Info.vue";
import Table from "./Table.vue";

const props = defineProps({
  isAdmin: Boolean,
});

const infoRef = ref();
const editRef = ref();

defineExpose({
  refresh: () => infoRef.value.refresh(),
  init: () => {},
});
</script>

<style scoped lang="scss">
.table {
  padding: 0 30px;
}
</style>
